<template>
    <!-- <ServiceCard v-if="isHeader"/> -->
     <bottom  v-if="isHeader"/>
    <RouterView/>
    <!-- <ContentTest/> -->
    <!-- <Service/> -->
     <!-- <Order/> -->
    <!-- <OrderDetail/> -->
</template>

<script setup name="App">
import { computed, ref } from 'vue';
import { RouterView, useRoute, useRouter } from 'vue-router';
import NavTest from './components/NavTest.vue'
import ServiceCard from './components/ServiceCard.vue';
import Order from './pages/Orders.vue'
import OrderDetail from './pages/OrderDetail.vue';
import bottom from './pages/bottom.vue';


const active = ref(0)
const route = useRoute()
const isHeader = computed(()=>{
    return route.name !== "login" 
        && route.name !== "register"
        && route.name !== "updateNews"
        && route.name !== "addgwc"
        && route.name !== "bedInstallation"
        && route.name !== "confirmOrder"
        && route.name !== "orderDetail"
        && route.name !== "modifyOrder"


})

</script>

<style scoped>
body {
  padding-bottom: 50px;
}
</style>
